{include file="User@Public:header"/}
{include file="User@Public:nav"/}
<div class="container">
	<div class="row">
		<div class="col-md-2">
			{include file="User@Public:left_menu"/}
		</div>
		<div class="col-md-10 cf">
			<div class="panel panel-default cf">
				<div class="panel-heading">
					<h3 class="panel-title">修改密码</h3>
				</div>
				<div class="panel-body">
					<form class="form form-horizontal" action="__SELF__" method="post">
						<div class="Validform_checktip"></div>
						<div class="form-group">
							<label class="col-sm-2 control-label" for="inputPassword">原密码</label>
							<div class="col-sm-10">
								<input type="password" id="inputPassword"  class="form-control" placeholder="请输入密码"  errormsg="密码为6-20位" nullmsg="请填写密码" datatype="*6-20" name="old">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label" for="inputPassword">新密码</label>
							<div class="col-sm-10">
								<input type="password" id="inputPassword"  class="form-control" placeholder="请输入密码"  errormsg="密码为6-20位" nullmsg="请填写密码" datatype="*6-20" name="password">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label" for="inputPassword">确认密码</label>
							<div class="col-sm-10">
								<input type="password" id="inputPassword" class="form-control" placeholder="请再次输入密码" recheck="password" errormsg="您两次输入的密码不一致" nullmsg="请填确认密码" datatype="*" name="repassword">
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-10 col-sm-offset-2">
								<button type="submit" class="btn btn-primary ajax-post" target-form="form-horizontal">提 交</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
	<script type="text/javascript">
		$(document)
	    	.ajaxStart(function(){
	    		$("button:submit").addClass("log-in").attr("disabled", true);
	    	})
	    	.ajaxStop(function(){
	    		$("button:submit").removeClass("log-in").attr("disabled", false);
	    	});

		$("form").submit(function(){
			var self = $(this);
			$.post(self.attr("action"), self.serialize(), success, "json");
			return false;

			function success(data){
				if(data.status){
					self.find(".Validform_checktip").addClass('alert alert-primary').text(data.info);
					setTimeout(function(){
						self.find(".Validform_checktip").removeClass('alert alert-primary').text('');
						window.location.href = data.url;
					},3000);
				} else {
					self.find(".Validform_checktip").addClass('alert alert-warning').text(data.info);
					setTimeout(function(){
						self.find(".Validform_checktip").removeClass('alert alert-warning').text('');
					},3000);
				}
			}
		});
	</script>
{include file="User@Public:footer"/}